import React from 'react';
import {Typography} from "@material-ui/core";
import Button from "@material-ui/core/Button";
import {useHistory} from "react-router-dom";
import {makeStyles} from "@material-ui/styles";


const useStyles = makeStyles({
  gridContainer: {
    marginBottom: '1.5rem',
  },
  typographyHeader: {
    // Set the marginTop to 14 when there is a back button
    // <Button startIcon={<ArrowBackIcon />}>Back</Button>
    marginTop: 50,
    marginBottom: '2rem'
  }
})

function MultilevelIndicator() {
  const classes = useStyles();
  let history = useHistory();

  return (
    <>
      <Typography variant={"h1"} className={classes.typographyHeader}>
        Multi level Indicator
      </Typography>
      <Button onClick={() => history.push('/indicator')} variant={'contained'} color={'secondary'} style={{marginRight: '1rem'}}>Back to Editor</Button>

    </>
  )
}

export default MultilevelIndicator;